<template>
    <div >
      <el-page-header @back="goBack"></el-page-header>
      <div style="width:100%;height:30px">
        <div style="font-size: 24px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;float: left; 
color: #1D1C1C;">提现审核</div>
   <div style="float: right;">
  <el-button class="width120" @click="goBack">取消</el-button>
  <el-button class="width120" type="primary">同意</el-button>
  </div>
      </div>

    <el-card style="margin-top: 15px; min-width: 1200px;padding:10px;">
     <div style="font-size: 18px;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #4F595F;">
提现信息</div>
<div style="width:100%;height: 139px;font-weight: 500;background: #F8FAFC;border-radius: 4px;border: 1px solid #F0F5F8;margin-top: 15px;margin-bottom: 15px;">
<div style="margin:20px;">
<span style="font-family: PingFangSC, PingFang SC;color: #869DAA;display:inline-block;width:100px">提现总金额</span> 
<span style="font-family: GothamSSm, GothamSSm;color: #1D1C1C;">￥150.00</span>
</div>
<div style="margin:20px;">
<span style="font-size: 14px;font-family: PingFangSC, PingFang SC;color: #869DAA;display:inline-block;width:100px">提现总笔数</span> 
<span style="font-size: 14px;font-family: GothamSSm, GothamSSm;color: #1D1C1C;">1笔</span>
</div>
<div style="margin:20px;">
<span style="font-size: 14px;font-family: PingFangSC, PingFang SC;color: #869DAA;display:inline-block;width:100px">提现用户</span> 
<span style="font-size: 14px;font-family: GothamSSm, GothamSSm;color: #1D1C1C;">1位</span>
</div>
</div>
      <el-table
        :data="dataList"
        :height="fixedTableHeight"
      >
        <template slot="empty">
          <el-empty
            :image="require('@/assets/imgs/middleWork/k1.png')"
            :image-size="80"
            description="暂无相关数据"
          ></el-empty>
        </template>
        <el-table-column
          show-overflow-tooltip
          prop="orderNo"
          align="center"
          label="用户ID"
        >
          <template slot-scope="scope">
            <div
              style="
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              "
            >
              {{ scope.row.orderNo ? scope.row.orderNo : "-" }}
            </div>
          </template>
        </el-table-column>
        <el-table-column
          show-overflow-tooltip
          prop="cashAmt"
          sortable
          align="center"
          label="提现金额/元"
        >
          <template slot-scope="scope">
            <div
              style="
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              "
            >
              {{ scope.row.fmtCashAmt ? scope.row.fmtCashAmt : "0.00" }}
            </div>
          </template>
        </el-table-column>
        <el-table-column
          show-overflow-tooltip
          prop="feeAmt"
          sortable
          align="center"
          label="用户手续费/元"
        >
          <template slot-scope="scope">
            <div
              style="
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              "
            >
              {{ scope.row.fmtFeeAmt ? scope.row.fmtFeeAmt : "0.00" }}
            </div>
          </template>
        </el-table-column>
        <el-table-column
          show-overflow-tooltip
          prop="payformChannel"
          align="center"
          label="收款账户"
        >
          <template slot-scope="scope">
            <div
              style="
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              "
            >
              {{
                scope.row.payformChannel
                  ? CHANNEL_TYPE[scope.row.payformChannel]
                  : "-"
              }}
            </div>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
import { getUserInfo } from "@/utils/public";
export default {
  name: "withdrawAudit",
  components: {
  },
  data() {
    return {
      dataList:[]
    };
  },
  created() {

  },
  mounted() {
  },
  watch: {
  },
  methods: {
    getUserInfo,
    goBack() {
      this.$backTo("/account/withdrawRecord");
    },
  },
};
</script>

<style scoped lang="scss">

</style>
